import React from 'react'
import './index.css'
import Item from './item'

export default function List({todoList,setTodoList}) {
  return (
    <ul className="todo-main">
        {
          todoList.map((item)=>{
            // 把数组展开传进去...item。如果传todo，子组件还要再解构
            return <Item key = {item.id} {...item} todoList={todoList} setTodoList={setTodoList}/>
          })
        }
  </ul>
  )
}
